SYSTEM AND METHOD UTILIZING DRAWING HANDLERS FOR 
SELECTED PROPERTIES 

FIELD OF THE INVENTION 

The present invention relates to computer file systems, and more particularly, to the 
graphical representation of selected file properties. 

BACKGROUND OF THE INVENTION 

Information about files may be displayed in various formats. In a simple list format, 
the only information that is displayed about a file may be its name. In an icon mode, an icon 
for the file may be included along with the file name. However, it is sometimes desirable to 
display additional information about files. 

Known file systems are able to show more information about a file than just the name 
and/or icon of the file. For example, in one view a known file system may display each file's 
name, size, modified date, etc. In general, this information is presented only in textual form. 
The presentation of the data in textual form has drawbacks for certain types of information 
which would be better represented in a graphical format. The embodiment of the present 
invention is related to providing a system and method that overcome the foregoing and other 
disadvantages. More specifically, the embodiment of the present invention is related to a 
system and method for utilizing independent drawing handlers which are separately 
registrable and which provide graphical representations of selected file properties. 
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SUMMARY OF THE INVENTION 
A system and method utilizing drawing handlers for selected file properties is 
provided. In accordance with one aspect of the invention, the system draws each item based 
on the type of property being shown. For example, if the system is displaying a name, the 
5 name may be drawn simply as text. However, for selected types of properties, the drawing 
may be delegated to a drawing handler component for that specific type of property. For 
example, if a music rating is being displayed, a special drawing handler component handles 
the drawing, which in one example embodiment may be graphical stars. 

In accordance with another aspect of the invention, the system is architected so that 

10 the drawing handlers are registered independently of the operating system. This means that 
new types of drawing handlers can be added without changing other system components. 
This allows for greater flexibility and simplifies updates to the drawing handlers. 

In accordance with another aspect of the invention, the system may include a list 
view component, an implementation component, and one or more drawing handler 

1 5 components. In general, the list view component may be responsible for elements such as a 
calculation of how big the icon for the item should be, how much space each item takes up 
on the screen, and moving items around. The list view component thus generally takes care 
of the display and what the user sees on the screen. The implementation component is 
generally responsible for telling the list view component what to paint, and to collect the 

20 items from a folder, and insert them into the list view component, and to answer the list view 
component's questions. So when the list view component queries for the value of a property, 
the implementation component supplies the value. The drawing handler components are 
generally assigned to specific properties for the files or items. In other words, when a 
drawing handler component is assigned to a specific property, when the implementation 

25 component is queried for information regarding the property, the implementation component 
instead goes to the drawing handler component for doing a custom drawing for the property. 
One example is a song rating that is represented with a number of stars. In one embodiment, 
the drawing handler component may be utilized without a list view component (e.g. used 
with just an implementation component that goes to the drawing handler component for 

30 drawings.) 
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In accordance with another aspect of the invention, when a custom drawing is to be 
done, the implementation component sends to the drawing handler component the value of 
the property and the area where the graphics are to be drawn. The drawing handler 
component then interprets the value of the property as a graphical representation and then 
draws the graphical representation in the designated area. As one example where a song 
rating is represented with a number of stars, the value of the property may be a number such 
as 75 (representing a rating of 75 out of 100), for which the drawing handler converts the 
number 75 into three stars (out of a total of four possible stars). 

BRIEF DESCRIPTION OF THE DRAWINGS 

The foregoing aspects and many of the attendant advantages of this invention will 
become more readily appreciated as the same become better understood by reference to the 
following detailed description, when taken in conjunction with the accompanying drawings, 
wherein: 

FIGURE 1 is a block diagram of a general purpose computer system suitable for 
implementing the embodiment of the present invention; 

FIGURE 2 is a diagram illustrative of a screen display showing a graphical 
representation of a rating property; 

FIGURE 3 is a diagram illustrative of a screen display showing a graphical 
representation of a percent full property; 

FIGURE 4 is a block diagram of a computer system including a list view component, 
an implementation component, and drawing handler components; 

FIGURE 5 is a flow diagram illustrative of a routine for determining whether a 
drawing handler component will be utilized for the representation of a property on the 
display; 

FIGURE 6 is a flow diagram illustrative of a routine for representing properties on a 
display; and 

FIGURE 7 is a flow diagram illustrative of a routine for providing information to a 
drawing handler for doing a custom drawing to represent a property. 
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DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENT 
A system and method for representing selected properties to a user in a graphical 
format is provided. The system draws each item in a list based on what kind of property is 
being shown. For example, if a name is being shown, it is drawn as text. For selected types 
5 of properties, the drawing is delegated to a drawing component for that specific type of 
property. For example, if a music rating is being displayed, a drawing handler component in 
one example embodiment handles the drawing of graphical stars. In one embodiment, the 
drawing handlers may be registered independently of certain other system elements. This 
provides the advantage that updates to the drawing handlers may be provided without 

1 0 requiring changes to other system components. 

FIGURE 1 and the following discussion are intended to provide a brief, general 
description of a suitable computing environment in which the embodiment of the present 
invention may be implemented. Although not required, the invention will be described in the 
general context of computer-executable instructions, such as program modules, being 

15 executed by a personal computer. Generally, program modules include routines, programs, 
characters, components, data structures, etc., that perform particular tasks or implement 
particular abstract data types. As those skilled in the art will appreciate, the invention may 
be practiced with other computer system configurations, including hand-held devices, 
multiprocessor systems, microprocessor-based or programmable consumer electronics, 

20 network PCs, minicomputers, mainframe computers, and the like. The invention may also be 
practiced in distributed computing environments where tasks are performed by remote 
processing devices that are linked through a communications network. In a distributed 
computing environment, program modules may be located in both local and remote memory 
storage devices. 

25 With reference to FIGURE 1, an exemplary system for implementing the invention 

includes a general purpose computing device in the form of a conventional personal 
computer 20, including a processing unit 21, system memory 22, and a system bus 23 that 
couples various system components including the system memory 22 to the processing 
unit 21. The system bus 23 may be any of several types of bus structures including a 

30 memory bus or memory controller, a peripheral bus, and a local bus using any of a variety of 
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bus architectures. The system memory includes read-only memory (ROM) 24 and random 
access memory (RAM) 25. A basic input/output system (BIOS) 26, containing the basic 
routines that helps to transfer information between elements within the personal 
computer 20, such as during start-up, is stored in ROM 24. The personal computer 20 
further includes a hard disk drive 27 for reading from or writing to a hard disk 39, a magnetic 
disk drive 28 for reading from or writing to a removable magnetic disk 29, and an optical 
disk drive 30 for reading from or writing to a removable optical disk 31, such as a CD-ROM 
or other optical media. The hard disk drive 27, magnetic disk drive 28, and optical disk 
drive 30 are connected to the system bus 23 by a hard disk drive interface 32, a magnetic 
disk drive interface 33, and an optical drive interface 34, respectively. The drives and then- 
associated computer-readable media provide non-volatile storage of computer-readable 
instructions, data structures, program modules, and other data for the personal computer 20. 
Although the exemplary environment described herein employs a hard disk 39, a removable 
magnetic disk 29, and a removable optical disk 31, it should be appreciated by those skilled 
in the art that other types of computer-readable media which can store data that is accessible 
by a computer, such as magnetic cassettes, flash memory cards, digital video disks, Bernoulli 
cartridges, random access memories (RAMs), read-only memories (ROMs), and the like, 
may also be used in the exemplary operating environment. 

A number of program modules may be stored on the hard disk 39, magnetic disk 29, 
optical disk 31, ROM 24 or RAM 25, including an operating system 35, one or more 
application programs 36, other program modules 37 and program data 38. A user may enter 
commands and information into the personal computer 20 through input devices such as a 
keyboard 40 and pointing device 42. Other input devices (not shown) may include a 
microphone, joystick, game pad, satellite dish, scanner, or the like. These and other input 
devices are often connected to the processing unit 21 through a serial port interface 46 that is 
coupled to the system bus 23, but may also be connected by other interfaces, such as a 
parallel port, game port or a universal serial bus (USB). A display in the form of a 
monitor 47 is also connected to the system bus 23 via an interface, such as a video card or 
adapter 48. One or more speakers 57 may also be connected to the system bus 23 via an 
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interface, such as an audio adapter 56. In addition to the display and speakers, personal 
computers typically include other peripheral output devices (not shown), such as printers. 

The personal computer 20 may operate in a networked environment using logical 
connections to one or more personal computers, such as a remote computer 49. The remote 
5 computer 49 may be another personal computer, a server, a router, a network PC, a peer 
device or other common network node, and typically includes many or all of the elements 
described above relative to the personal computer 20. The logical connections depicted in 
FIGURE 1 include a local area network (LAN) 51 and a wide area network (WAN) 52. The 
LAN 5 1 and WAN 52 may be wired, wireless, or a combination thereof. Such networking 
10 environments are commonplace in offices, enterprise-wide computer networks, intranets, and 
the Internet. 

When used in a LAN networking environment, the personal computer 20 is 
connected to the local area network 51 through a network interface or adapter 53. When 
used in a WAN networking environment, the personal computer 20 typically includes a 

15 modem 54 or other means for establishing communications over the wide area network 52, 
such as the Internet. The modem 54, which may be internal or external, is connected to the 
system bus 23 via the serial port interface 46. In a networked environment, program 
modules depicted relative to the personal computer 20 or portions thereof may be stored in 
the remote memory storage device. It will be appreciated that the network connections 

20 shown are exemplary, and other means of establishing a communications link between the 
computers may be used. 

FIGURE 2 is a diagram illustrative of a screen display 200 showing a graphical 
representation of a rating property. As illustrated in FIGURE 2, the screen display 200 
includes a name column 210 and a rating column 220. Under the name column, music 

25 files 21 1-217 are shown. Each music file 21 1-217 has an icon on the left, a numerical 
indicator in the middle, and a file name on the right. 

On the right side of the screen display 200, in the rating column 220, a rating 225 is 
shown for the music file 215. More specifically, the music file 215 (for the song "Beautiful 
Feeling") is shown to have a rating 225 of four stars. In one embodiment, the rating of four 

30 stars may be out of a total of five possible stars, and as will be discussed in more detail 
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below, may indicate a certain numerical rating. For example, in one embodiment a 
numerical rating of 1-20 may be represented as one star, 21-40 as two stars, 41-60 as three 
stars, 61-80 as four stars and 81-100 as five stars. A drawing handler component utilizes 
these ranges to convert a numerical rating into a graphical representation in terms of a 
5 number of stars. An implementation component provides the drawing handler component 
with the numerical rating, as well as information regarding where the graphical 
representation should be drawn on the display. 

FIGURE 3 is a diagram illustrative of a screen display 300 showing a graphical 
representation of a percent full property. As shown in FIGURE 3, the screen display 300 

10 includes a name column 310 and a percent full column 320. Under the name column 310, 
storage drives 311 and 312 are shown. Under the percent full column 320, a 
representation 322 graphically indicates how full the hard drive 312 is indicated to be. As 
will be described in more detail below, the graphical representation 322 is representative of a 
numerical property for the percent full column. For example, if the percent full property for 

1 5 the hard drive 3 12 has a value of 50 (indicating 50% full), then a drawing handler component 
will convert the numerical value 50 to a graphical representation, such as that shown in 
graphical representation 322. 

FIGURE 4 is a block diagram of a computer system 400. As shown in FIGURE 4, 
the computer system 400 includes a list view component 410, an implementation 

20 component 420, and drawing handler components 430 and 440. In general, the list view 
component 410 may be responsible for elements such as a calculation of how big the icon for 
the item should be, how much space each item takes up on the screen, and moving items 
around. The list view component 410 thus generally takes care of the display and what the 
user sees on the screen. The implementation component 420 is generally responsible for 

25 telling the list view component 410 what to paint, and to actually collect the items from a 
folder, and insert them into the list view component 410, and to answer the list view 
component's 410 questions. So when the list view component 410 queries for the value of a 
property, the implementation component 420 supplies the value. The drawing handler 
components 430 and 440 are generally assigned to specific properties for the files or items. 

30 In other words, when a drawing handler component 430 is assigned to a specific property, 
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when the implementation component 420 is queried for information regarding the property 
from the list view component 410, the implementation component 420 instead goes to the 
drawing handler component 430 for doing a custom drawing for the property. One example 
is a song rating that is represented with a number of stars. 
5 FIGURE 5 is a flow diagram illustrative of a routine 500 for determining whether a 

drawing handler component, will be utilized. At a decision block 5 10, a determination is 
made as to whether the list view component is in a mode in which a drawing handler 
component may be utilized. In one embodiment, modes for which a drawing handler 
component may be required may include modes such as a tile mode and a details mode. In a 

10 tile mode, the display includes an icon on the left, and then a name and then a designated 
property. In one embodiment for the tile mode, different files have different properties that 
are shown, and the user cannot choose which ones those are, as they are predetermined. 
However, in a details mode, multiple columns may be provided with multiple properties, and 
the user may be able to turn on and off the columns. Other modes for which the drawing 

15 handler component may not be required may include modes such as an icon mode or a list 
mode. In the icon mode, only the icon and selected text are displayed, wherein in the list 
mode, there is just a name column. 

From decision block 510, if the last view component is in a mode where a drawing 
handler component may be required, then the routine continues to a block 520, where when 

20 the list view component communicates with the implementation component, the 
implementation component may then communicate with a drawing handler component for 
drawing on the display. If at decision block 510 it is determined that the list view component 
is in a mode where a drawing handler component is not required, then the routine continues 
to a block 530, where when the list view component communicates with the implementation 

25 component, a drawing handler component is not called and the designated information is 
displayed according to the selected mode (e.g., an icon mode, a list mode, etc.). 

FIGURE 6 is a flow diagram illustrative of a routine 600 for providing information 
on a display regarding selected files. At a decision block 610, a determination is made as to 
whether the list view component already has the required information for the display. As one 

30 example of a situation where the list view component may already have the required 
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information, from a previous query, the list view component may have already cached the 
required information. If at decision block 610 it is determined that the list view component 
already has the required information, then the routine proceeds to a block 620, where the 
required information is displayed. If at decision block 610 it is determined that the list view 
component does not already have the required information, then the routine proceeds to a 
block 630. 

At block 630, the list view component queries the implementation component for the 
information. At a decision block 640, a determination is made as to whether the 
implementation component has determined that a drawing handler component has been 
assigned to the property for which the information is being queried. If a drawing handler 
component is assigned, then the routine proceeds to a block 650, where the implementation 
component calls the drawing handler component for drawing graphically on the display. If at 
decision block 640 it is determined that there is no drawing handler component assigned for 
the property, then the routine proceeds to a block 660, where the implementation component 
returns the desired information (e.g., text) to the list view component, which then caches and 
displays the information. 

FIGURE 7 is a flow diagram illustrative of a routine 700 by which the drawing 
handler component converts the property value into a graphical representation. At a 
block 710, the implementation component sends to the drawing handler component the value 
of the property and the area where the graphics are to be drawn. At a block 720, the drawing 
handler component interprets the value of the property as a graphical representation and then 
draws the graphical representation in the desired area. 

As one example of a conversion of a value of a property to a graphical representation, 
in one embodiment, a numerical rating of 1-20 may be represented as one star, 21-40 as two 
stars, 41-60 as three stars, 61-80 as four stars and 81-100 as five stars. The drawing handler 
component utilizes these ranges to convert a numerical rating into a graphical representation 
in terms of a number of stars. For example, a music file with a numerical rating of 75 would 
in this example receive a graphical rating representation of four stars. 
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While the preferred embodiment of the invention has been illustrated and described, 
it will be appreciated that various changes can be made therein without departing from the 
spirit and scope of the invention. 
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